<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>OpenProject Checker Options</title>
  <style>
    body { width: 200px; }
    input { width: 100%; margin-bottom: 10px; }
    button { width: 100%; }
  </style>
</head>
<body>
  <h2>Settings</h2>
  <label for="appId">App ID:</label>
  <input type="text" id="appId" placeholder="Enter your App ID">
  <label for="appSecret">App Secret:</label>
  <input type="text" id="appSecret" placeholder="Enter your App Secret">
  <label for="dataId">看板ID:</label>
  <input type="text" id="dataId" placeholder="输入你在 Wolai 看板的ID" value="jwfJLuRt9YoXFY4swYneNg">
  <label for="groupBy">分组条件:</label>
  <input type="text" id="groupBy" placeholder="输入你在 Wolai 看板上分组的条件" value="标签">
  <label for="groupName">同步名称:</label>
  <input type="text" id="groupName" placeholder="输入你分组条件的" value="Open-Project">
  <button id="save">Save</button>
  <script src="options.js"></script>
</body>
</html>